<!DOCTYPE html>
<html>
<head>
<title>控制台</title>
#parse("sys/header.html")
</head>
<body style="background-color: #f1f1f1;">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="rrapp">
<div class="row">

  <section class="col-lg-4 connectedSortable ui-sortable">
  <!-- solid sales graph -->
  <div class="box box-solid">
   <div id="main3" style="width: 100%;height:400px;"></div>
  </div>
  <!-- /.box -->
  <div class="box box-solid">
  	<div id="main1" style="width: 100%;height:400px;"></div>
  </div>
</section>
	
<section class="col-lg-8 connectedSortable ui-sortable">
<div class="box box-solid">
  <div class="col-md-4 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-aqua">
      	<i class="ion ion-ios-gear-outline"></i>
      </span>
      <div class="info-box-content">
        <span class="info-box-text">新增用户数</span>
        <span class="info-box-number" style="color: #73879C; font-size: 40px;">33</span>
      </div>
    </div>
  </div>
  <div class="col-md-4 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-red">
      	<i class="ion ion-ios-gear-outline"></i>
      </span>
      <div class="info-box-content">
        <span class="info-box-text">用户总数</span>
        <span class="info-box-number" style="color: #1ABB9C; font-size: 40px;">19239</span>
      </div>
    </div>
  </div>
  <div class="col-md-4 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-fuchsia">
      	<i class="ion ion-ios-gear-outline"></i>
      </span>
      <div class="info-box-content">
        <span class="info-box-text">用户活跃度</span>
        <span class="info-box-number" style="color: #73879C; font-size: 40px;">22%</span>
      </div>
    </div>
  </div>
  <div style="clear:both"></div>
  </div>
  
  <div class="nav-tabs-custom " style="cursor: move;">
   <div id="main2" style="width: 100%;height:400px;"></div>
  </div>
  <div class="box box-success">
  	<div id="main" style="width: 100%;height:400px;"></div>
  </div>
  
</section>
</div>

<div class="row">
  <div class="col-md-12">
    <div class="box">
      <div class="box-header with-border">
        <h3 class="box-title">月报</h3>
      </div>
    </div>
  </div>
  
  <div class="box-footer">
    <div class="row">
      <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
          <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
          <h5 class="description-header">$35,210.43</h5>
          <span class="description-text">总收入</span>
        </div>
        <!-- /.description-block -->
      </div>
      <!-- /.col -->
      <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
          <span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
          <h5 class="description-header">$10,390.90</h5>
          <span class="description-text">总支出</span>
        </div>
        <!-- /.description-block -->
      </div>
      <!-- /.col -->
      <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
          <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 20%</span>
          <h5 class="description-header">$24,813.53</h5>
          <span class="description-text">毛利润</span>
        </div>
        <!-- /.description-block -->
      </div>
      <!-- /.col -->
      <div class="col-sm-3 col-xs-6">
        <div class="description-block">
          <span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
          <h5 class="description-header">1200</h5>
          <span class="description-text">净利润</span>
        </div>
        <!-- /.description-block -->
      </div>
    </div>
    <!-- /.row -->
  </div>
  
</div>

</div>
<script type="text/javascript">

</script>
<script src="${rc.contextPath}/js/sys/main.js?_${date.systemTime}"></script>
</body>
</html>